{if count($destacados) > 0}
<div class="slider_mini_fotos">
    <ul id="sliderPro">
        {foreach from=$destacados item=destacado}
        <li>
            <a href="{$smarty.const.BASE_WEB_ROOT}/producto-detalle/{$destacado.key}">
                <img src="{$smarty.const.BASE_WEB_ROOT}/svc/get-img/productos-pro_{$destacado.id}/150:150" alt=""/>
            </a>
            <p>
                <a href="{$smarty.const.BASE_WEB_ROOT}/producto-detalle/{$destacado.key}" class="name">{$destacado.nombre}</a><br />
                <strong class="red">S/.{$destacado.precio}</strong> &nbsp;  &nbsp;  &nbsp;  &nbsp;  &nbsp;
                <strong class="actual">${$destacado.precio2}</strong>
            </p>
        </li>
        {/foreach}
    </ul>
</div>
{/if}

{literal}
<script type="text/javascript">
    $(document).ready(function(){
        $('#sliderPro').bxSlider({
            displaySlideQty: 4,
            moveSlideQty: 4,
            speed: 1500
        });
    });
</script>
{/literal}